﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="OutlookLayout.aspx.cs" Inherits="YUIAspNetDemo.LayoutManager.OutlookLayout" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Layout manager : Outlook layout</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Outlook layout</h1>
    
    <yui:LayoutManager ID="lm2" runat="server" Width="800" Height="600" EnableAnimation="true">
        <LayoutUnits>
            <yui:LayoutUnit Position="Top" Width="800" Height="30" ZIndex="4">
                <ContentTemplate>
                    <yui:Menu ID="outlookMenu" runat="server" MenuType="Horizontal">
                        <Items>
                            <yui:MenuItem Text="File">
                                <Items>
                                    <yui:MenuItem Text="New">
                                        <Items>
                                            <yui:MenuItem Text="Mail Message"></yui:MenuItem>
                                            <yui:MenuItem Text="Contact"></yui:MenuItem>
                                            <yui:MenuItem Text="..."></yui:MenuItem>
                                        </Items>
                                    </yui:MenuItem>
                                    <yui:MenuItem Text="Open..."></yui:MenuItem>
                                    <yui:MenuItem Text="Close"></yui:MenuItem>
                                    <yui:MenuItem Text="Exit"></yui:MenuItem>
                                </Items>
                            </yui:MenuItem>
                            <yui:MenuItem Text="Edit"></yui:MenuItem>
                            <yui:MenuItem Text="View"></yui:MenuItem>
                            <yui:MenuItem Text="Tools"></yui:MenuItem>
                            <yui:MenuItem Text="Actions"></yui:MenuItem>
                            <yui:MenuItem Text="Help">
                                <Items>
                                    <yui:MenuItem Text="About"></yui:MenuItem>
                                </Items>
                            </yui:MenuItem>
                        </Items>
                    </yui:Menu>
                </ContentTemplate>
            </yui:LayoutUnit>
            <yui:LayoutUnit Position="left" Width="200" Height="540" ZIndex="0" Collapse="true" CollapseSize="25" Close="true" Resize="true" MinWidth="150" MaxWidth="250">
                <ContentTemplate>
                    <yui:TreeView ID="myTree" runat="server" ThemeName="Folder">
                        <Nodes>
                            <yui:TreeNode Text="Personal Folders" Expanded="true">
                                <Nodes>
                                    <yui:TreeNode Text="Deleted items"></yui:TreeNode>
                                    <yui:TreeNode Text="Drafts"></yui:TreeNode>
                                    <yui:TreeNode Text="Junk E-mail"></yui:TreeNode>
                                    <yui:TreeNode Text="Outbox"></yui:TreeNode>
                                    <yui:TreeNode Text="Sent Items"></yui:TreeNode>
                                </Nodes>
                            </yui:TreeNode>
                        </Nodes>
                    </yui:TreeView>
                </ContentTemplate>
            </yui:LayoutUnit>
            <yui:LayoutUnit Position="Center" Width="300" Height="540" ZIndex="0">
                <ContentTemplate>Messages in selected folder</ContentTemplate>
            </yui:LayoutUnit>
            <yui:LayoutUnit Position="Right" Width="300" Height="540" ZIndex="0" Collapse="true" Animate="true" Resize="true">
                <ContentTemplate>message content</ContentTemplate>
            </yui:LayoutUnit>
            <yui:LayoutUnit Position="Bottom" Width="800" Height="30" ZIndex="0">
                <ContentTemplate>footer content</ContentTemplate>
            </yui:LayoutUnit>
        </LayoutUnits>
    </yui:LayoutManager>
</asp:Content>
